import {connect} from "react-redux";
import React from "react";
import {addTodo} from "../actions/todoAction";
import TodoList from "../components/TodoList";

let AddTodo = ({ dispatch }) => {
    let input;
    return (
        <div>
            <form onSubmit={e =>{
                e.preventDefault();
                if (!input.value.trim()){
                    return;
                }
                dispatch(addTodo(input.value));
                input.value = "";
            }}>
                <input ref={node => {input = node}}/>
                <button type="submit">Add Todo</button>
            </form>
        </div>);
};

export default connect()(AddTodo);